import styled from 'styled-components'
export const WorldContent = styled.div `
display:flex;
flex-wrap:wrap;
justify-content: space-around;
.bottom{
    width:100%;
    height:.51rem;
}
.container{
    width:1.22rem;
    height:2.1rem;
    flex-direction:column;
    position:relative;
    margin-bottom:.1rem;
}
img {
    width:100%;
}
.img-txt{
    color:#fff;
    position:absolute;
    top:1.4rem;
    right:0.04rem;
    span{
        font-size:.12rem;
    }
}
.field-info{
    h3{
        color: #333333;
        text-align:center;
        font-size:0.16rem;
        margin-top:0.03rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .txt{
        color: #999999;
        text-align:center;
    }
}
`